<template>
	<view>
		<view class="nav-bar">
			<view class="bar-text" @click="goBack">
				<view class="align">

				</view>
				<text>返回</text>
			</view>
		</view>
		<view class="foot">
			<view class="cu-list menu" :class="[menuBorder?'sm-border':'',menuCard?'card-menu margin-top':'']">
				<view class="cu-item" :class="menuArrow?'arrow':''" v-for="(item,index) in footList" :key="index" @click="getdata(index)">
					<view class="content">
						<text style="color:#333;">{{item.name}}</text>
					</view>
					<view class="arrowHead">

					</view>
				</view>
			</view>
		</view>
		<view class="popup" v-if="isPopupVisible" @click="isPopupVisible = false">
			<view class="popup-content">
				<view class="item">
					<text class="label">项目名称</text>
					<text class="value">litemall</text>
				</view>
				<view class="item">
					<text class="label">项目地址</text>
					<navigator url="https://github.com/linlinjava/litemall" class="value">Github</navigator>
				</view>
				<view class="item">
					<text class="label">项目地址</text>
					<navigator url="https://github.com/linlinjava/litemall" class="value">Gitee</navigator>
				</view>
				<view class="item">
					<text class="label">联系电话</text>
					<text class="value">021-xxxx-xxxx</text>
				</view>
				<view class="item">
					<text class="label">联系QQ</text>
					<text class="value">738696120</text>
				</view>
				<view class="item">
					<text class="label">当前版本</text>
					<text class="value">V1.0</text>
				</view>
				<view class="item">
					<text class="label">开源协议</text>
					<text class="value">MIT</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isPopupVisible:false,
				menuBorder: false,
				menuArrow: false,
				menuCard: false,
				footList: [{
					name: '联系客服',
				}, {
					name: '意见反馈',
				}, {
					name: '常见问题',
				}]
			}
		},
		methods: {
			goBack(){
			    uni.switchTab({
			    	url:'/pages/mine/mine'
			    })	
			},
			getdata(val){
				if(val == 0){
					this.isPopupVisible = true;
				}else if(val==1){
					uni.navigateTo({
						url:'/pages/feedback/feedback'
					})
				}else{
					uni.navigateTo({
						url:'/pages/help/help'
					})
				}
			}
		}
	}
</script>

<style>
	@import url('serveCenter.css');
</style>